﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title></title>
    <link href="SummaryReport.css" rel="stylesheet" />
</head>
<body style="width:900px;">
    <div id="SiteSummaryReport">
        <div class="siteRow">
            <div class="siteImage rowPart">
                <img src="site.png" />
            </div>
            <div class="siteInfo rowPart">
                <div class="topTools">
                    <h3>Westmoreland Site</h3>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8593;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8593;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p class="topToolInfo infoColor">Divergence from Mean</p>
                </div>

            </div>
            <div class="rowPart">
                <div class="siteScore">
                    <span class="siteBigScore">75</span>
                    <span class="siteScoreUnit">%</span>
                    <span class="siteDivergenceArrow">&#8593;</span>
                    <span class="siteDivergence">5%</span>
                    <p class="totalInfo infoColor">AVERAGE</p>
                </div>
            </div>
        </div>

         <div class="siteRow oddRow">
            <div class="siteImage rowPart">
                <img src="site.png" />
            </div>
            <div class="siteInfo rowPart">
                <div class="topTools">
                    <h3>Westmoreland Site</h3>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p><span class="icon">&#8595;</span><span class="toolName">Geography</span><span class="toolScore">-24%</span></p>
                    <p class="topToolInfo infoColor">Divergence from Mean</p>
                </div>

            </div>
            <div class="rowPart">
                <div class="siteScore">
                    <span class="siteBigScore">75</span>
                    <span class="siteScoreUnit">%</span>
                    <span class="siteDivergenceArrow">&#8593;</span>
                    <span class="siteDivergence">5%</span>
                    <p class="totalInfo infoColor">AVERAGE</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
